<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="t" tagdir="/WEB-INF/tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<t:link />
<title>登录</title>
</head>

<style>
.dev {
	height: 100%;
	margin: 50px 0 0 25px;
	overflow-x: hidden; /*隐藏水平滚动条*/
	overflow-y: hidden;
	*/ /*隐藏垂直滚动条*/
}
</style>

<body>
	<div class="row">
		<div class="col-lg-12 col-sm-12 col-xs-12">
			<div class="widget  dev">
				<div class="widget-header bordered-bottom bordered-blue">
					<span class="widget-caption">新增链接信息</span>
				</div>
				<div class="widget-body">
					<div id="horizontal-form">
						<form class="form-horizontal" role="form" action="" method="post">
							<input type="hidden" id="id" name="id">
							<div class="form-group">
								<label for="title"
									class="col-sm-2 control-label no-padding-right">链接名称</label>
								<div class="col-sm-6">
									<input class="form-control" id="title" placeholder=""
										name="title" type="text">
								</div>
							</div>
							<div class="form-group">
								<label for="url"
									class="col-sm-2 control-label no-padding-right">链接地址</label>
								<div class="col-sm-6">
									<input class="form-control" id="url" placeholder=""
										name="url" type="text" />
								</div>
							</div>
							<div class="form-group">
								<label for="memo"
									class="col-sm-2 control-label no-padding-right">链接描述</label>
								<div class="col-sm-6">
									<input class="form-control" id="memo" placeholder=""
										name="memo" type="text">
								</div>
								<p class="help-block col-sm-4 red"></p>
							</div>
							<div class="form-group">
								<div class="col-sm-offset-2 col-sm-10">
									<button id="button" type="button" class="btn btn-default">保存信息</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>


</body>


<script>
	$("#button")
			.click(
					function() {
						var link = new Object();
						link.id = 0;
						link.title = $("#title").val(),
								link.url = $("#url").val(),
								link.memo = $("#memo").val()
						$
								.ajax({
									url : "${pageContext.request.contextPath}/link/linksave",
									type : "POST",
									data : {
										link : JSON.stringify(link)
									},
									success : function(data) {
										alert("保存成功!");
										window
												.open(
														"${pageContext.request.contextPath}/link/index",
														"_self");
									},
									error : function(data) {
										alert("保存失败!");
									}
								})

					})
</script>

</html>